<template>
    <div class="block">
        <el-timeline>
            <el-timeline-item timestamp="2018/4/12" placement="top">
            <el-card>
                <el-image
                style="width: 120px; height: 120px"
                src="https://img2.baidu.com/it/u=1601669517,2984515701&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500"
                fit="fit"></el-image>
                <div class="right">
                    <h3>前端使用gitee的基本使用</h3>
                    <div class="author">
                        <el-avatar size="small" src="https://img2.baidu.com/it/u=1601669517,2984515701&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500"></el-avatar>
                        <span class="name">程序员</span>
                    </div>
                </div>
            </el-card>
            <el-card>
                <h4>更新 Github 模板</h4>
                <p>王小虎 提交于 2018/4/12 20:46</p>
            </el-card>
            </el-timeline-item>
            <el-timeline-item timestamp="2018/4/3" placement="top">
            <el-card>
                <h4>更新 Github 模板</h4>
                <p>王小虎 提交于 2018/4/3 20:46</p>
            </el-card>
            </el-timeline-item>
            <el-timeline-item timestamp="2018/4/2" placement="top">
            <el-card>
                <h4>更新 Github 模板</h4>
                <p>王小虎 提交于 2018/4/2 20:46</p>
            </el-card>
            </el-timeline-item>
        </el-timeline>
    </div>
</template>

<script>
export default {
    
}
</script>

<style lang="less" scoped>
.block{
    padding: 10px 0;
    .el-card{
        margin-top: 10px;
        .right{
            width: 85%;
            height: 120px;
            margin-left: 20px;
            vertical-align: top;
            display: inline-block;
            .author{
                margin-top: 50px;
                color: gray;
                .el-avatar{
                    vertical-align: -7px;
                }
                .name{
                    margin-left: 10px;
                }
            }
        }
    }
}
</style>